<!DOCTYPE html>
<html>
<head>
	<title>Leaflet debug page</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--
	<link rel="stylesheet" href="https://unpkg.com/leaflet@0.7.7/dist/leaflet.css" />
	<script src="https://unpkg.com/leaflet@0.7.7/dist/leaflet.js"></script>
-->
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leaflet.css" integrity="sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ==" crossorigin=""/>
    <script src="https://unpkg.com/leaflet@1.2.0/dist/leaflet.js" integrity="sha512-lInM/apFSqyy1o6s89K4iQUKg6ppXEgsVxT35HbzUupEVRh2Eu9Wdl4tHj7dZO0s1uvplcYGmt3498TtHq+log==" crossorigin=""></script>

	<link rel="stylesheet" href="../dist/css/gmxControls.css" />
	<script src="../dist/gmxControls-src.js"></script>
    <style>
        html, body, #map {
            height: 100%;
            margin: 0px;
        }
		body>svg {
			display: none;
		}
    </style>

</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg">
    <symbol id="h-account" viewbox="0 0 16 16">
        <g> <path d="M8,1C6.1,1,4.6,2.6,4.6,4.5v0.9c0,1.9,1.5,3.5,3.4,3.5s3.4-1.6,3.4-3.5V4.5C11.4,2.6,9.9,1,8,1z"/> <path d="M11.5,9.2c-0.9,0.9-2.1,1.4-3.5,1.4s-2.5-0.5-3.5-1.4C3,9.8,2,10.9,2,12.4V15h12v-2.6C14,10.9,13,9.8,11.5,9.2
		z"/> </g> 
    </symbol>
    <symbol id="h-language" viewbox="0 0 16 16">
        <g> <path d="M8,1C4.1,1,1,4.1,1,8s3.1,7,7,7c3.9,0,7-3.1,7-7S11.9,1,8,1z M12.8,5.2h-2.1c-0.2-0.9-0.5-1.7-1-2.5
		C11.1,3.1,12.2,4,12.8,5.2z M8,2.4c0.6,0.8,1,1.8,1.3,2.8H6.7C7,4.2,7.4,3.3,8,2.4z M2.6,9.4C2.5,9,2.4,8.5,2.4,8s0.1-1,0.2-1.4
		h2.4C4.9,7.1,4.9,7.5,4.9,8c0,0.5,0,0.9,0.1,1.4H2.6z M3.2,10.8h2.1c0.2,0.9,0.5,1.7,1,2.5C4.9,12.9,3.8,12,3.2,10.8z M5.2,5.2H3.2
		c0.7-1.2,1.7-2.1,3-2.5C5.8,3.5,5.4,4.3,5.2,5.2z M8,13.6c-0.6-0.8-1-1.8-1.3-2.8h2.7C9,11.8,8.6,12.7,8,13.6z M9.6,9.4H6.4
		C6.3,8.9,6.3,8.5,6.3,8c0-0.5,0-0.9,0.1-1.4h3.3C9.7,7.1,9.8,7.5,9.8,8C9.8,8.5,9.7,8.9,9.6,9.4z M9.8,13.3c0.4-0.8,0.7-1.6,1-2.5
		h2.1C12.2,12,11.1,12.9,9.8,13.3z M11.1,9.4c0.1-0.5,0.1-0.9,0.1-1.4c0-0.5,0-0.9-0.1-1.4h2.4C13.5,7,13.6,7.5,13.6,8
		s-0.1,1-0.2,1.4H11.1z"/> </g> 
    </symbol>
    <symbol id="h-services" viewbox="0 0 16 16">
        <g> <rect x="1" y="1" width="3.5" height="3.5"/> <rect x="6.3" y="1" width="3.5" height="3.5"/> <rect x="11.5" y="1" width="3.5" height="3.5"/> <rect x="1" y="6.3" width="3.5" height="3.5"/> <rect x="6.3" y="6.3" width="3.5" height="3.5"/> <rect x="11.5" y="6.3" width="3.5" height="3.5"/> <rect x="1" y="11.5" width="3.5" height="3.5"/> <rect x="6.3" y="11.5" width="3.5" height="3.5"/> <rect x="11.5" y="11.5" width="3.5" height="3.5"/> </g> 
    </symbol>
    <symbol id="m-bookmark" viewbox="0 0 16 16">
        <g> <path d="M4.5,1c-1,0-1.8,0.8-1.8,1.8V15L8,12.4l5.3,2.6V2.8c0-1-0.8-1.8-1.8-1.8H4.5z"/> </g> 
    </symbol>
    <symbol id="m-boxzoom" viewbox="0 0 16 16">
        <g> <path d="M1.2,10.2l0.6,0.6C1.9,10.9,2.1,11,2.3,11s0.3-0.1,0.4-0.2l1.7-1.7C5,9.5,5.8,9.7,6.6,9.7c2.4,0,4.4-2,4.4-4.4
		S9,1,6.6,1S2.3,3,2.3,5.4c0,0.8,0.2,1.6,0.6,2.2L1.2,9.3C0.9,9.6,0.9,9.9,1.2,10.2z M3.5,5.4c0-1.7,1.4-3.1,3.1-3.1
		s3.1,1.4,3.1,3.1S8.4,8.5,6.6,8.5S3.5,7.1,3.5,5.4z"/> </g> <g> <g> <path d="M13.3,1C14.3,1,15,2,15,2.5v3.8h-1.8V2.8V1z"/> <path d="M14.1,15H9.8v-1.8h3.5V9.8H15v4.4C15,14.7,14.7,15,14.1,15z"/> </g> <path d="M2.8,13.3h3.5V15H2.5C2,15,1,14.3,1,13.3H2.8z"/> </g> 
    </symbol>
    <symbol id="m-createrasterlayer" viewbox="0 0 16 16">
        <rect x="2" y="2" width="12" height="2"/> <rect x="2" y="12" width="12" height="2"/> <rect x="-3" y="7" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 11 5)" width="12" height="2"/> <rect x="7" y="7" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 21 -5)" width="12" height="2"/> <g> <path d="M7.8,8.8H7.1v1.9H5.8V5.3h2.1c0.6,0,1.1,0.1,1.5,0.4S10,6.4,10,6.9c0,0.4-0.1,0.7-0.2,0.9
		C9.6,8.1,9.4,8.3,9,8.5l1.1,2.2v0.1H8.8L7.8,8.8z M7.1,7.8h0.8c0.2,0,0.4-0.1,0.6-0.2c0.1-0.1,0.2-0.3,0.2-0.5
		c0-0.2-0.1-0.4-0.2-0.5S8.2,6.3,7.9,6.3H7.1V7.8z"/> </g> 
    </symbol>
    <symbol id="m-createvectorlayer" viewbox="0 0 16 16">
        <g> <polygon points="11,1 11,2 5,2 5,1 1,1 1,5 2,5 2,11 4,11 4,5 5,5 5,4 11,4 11,5 12,5 12,11 14,11 14,5 15,5 15,1 	"/> <polygon points="11,12 5,12 5,11 1,11 1,15 5,15 5,14 11,14 11,15 15,15 15,11 11,11 	"/> </g> <g> <path d="M8,9.2l1.1-3.9h1.4l-1.8,5.4H7.3L5.5,5.3h1.4L8,9.2z"/> </g> 
    </symbol>
    <symbol id="m-download" viewbox="0 0 16 16">
        <g> <path d="M13.8,5.9h-3.3V1H5.5v4.9H2.3L8,11.7L13.8,5.9z M2.3,13.3V15h11.5v-1.6H2.3z"/> </g> 
    </symbol>
    <symbol id="m-edittool" viewbox="0 0 16 16">
        <g> <path d="M8.1,4.1l-6.8,6.8C1.1,11.1,1,11.2,1,11.5v2.6C1,14.7,1.4,15,1.9,15h2.6c0.3,0,0.4-0.1,0.6-0.3l6.8-6.8
		L8.1,4.1z"/> <path d="M14.7,3.9l-2.6-2.6c-0.3-0.3-0.9-0.3-1.2,0L9.3,2.8l3.8,3.8l1.6-1.6C15.1,4.8,15.1,4.2,14.7,3.9z"/> </g> 
    </symbol>
    <symbol id="m-gmxprint" viewbox="0 0 16 16">
        <g> <rect x="4.5" y="1" width="7" height="2.6"/> <path d="M11.5,5.4h-7C2.6,5.4,1,7,1,8.9v2.6c0,0.5,0.4,0.9,0.9,0.9h1.8v1.8C3.6,14.7,4,15,4.5,15h7
		c0.5,0,0.9-0.3,0.9-0.9v-1.8h1.8c0.5,0,0.9-0.3,0.9-0.9V8.9C15,7,13.4,5.4,11.5,5.4z M10.6,13.3H5.4V9.8h5.3V13.3z"/> </g> 
    </symbol>
    <symbol id="m-gridtool" viewbox="0 0 16 16">
        <g> <path d="M13.6,1H2.4C1.6,1,1,1.6,1,2.4v11.2C1,14.4,1.6,15,2.4,15h11.2c0.8,0,1.4-0.6,1.4-1.4V2.4
		C15,1.6,14.4,1,13.6,1z M5.2,13.6H2.4v-2.8h2.8V13.6z M5.2,9.4H2.4V6.6h2.8V9.4z M5.2,5.2H2.4V2.4h2.8V5.2z M9.4,13.6H6.6v-2.8h2.8
		V13.6z M9.4,9.4H6.6V6.6h2.8V9.4z M9.4,5.2H6.6V2.4h2.8V5.2z M13.6,13.6h-2.8v-2.8h2.8V13.6z M13.6,9.4h-2.8V6.6h2.8V9.4z
		 M13.6,5.2h-2.8V2.4h2.8V5.2z"/> </g> 
    </symbol>
    <symbol id="m-hide-off" viewbox="0 0 16 16">
        <g> <path d="M4.5,1h1.8v4.4c0,0.5-0.4,0.9-0.9,0.9H1V4.5h3.5V1z"/> <path d="M9.8,1h1.8v3.5H15v1.8h-4.4c-0.5,0-0.8-0.4-0.8-0.9V1z"/> <path d="M10.7,9.8H15v1.8h-3.5V15H9.8v-4.4C9.8,10.1,10.1,9.8,10.7,9.8z"/> <path d="M1,9.8h4.4c0.5,0,0.9,0.3,0.9,0.9V15H4.5v-3.5H1V9.8z"/> </g> 
    </symbol>
    <symbol id="m-hide" viewbox="0 0 16 16">
        <g> <path d="M2.8,6.3H1V1.9C1,1.4,1.4,1,1.9,1h4.4v1.8H2.8V6.3z"/> <path d="M15,6.3h-1.8V2.8H9.8V1h4.4C14.7,1,15,1.4,15,1.9V6.3z"/> <path d="M14.1,15H9.8v-1.8h3.5V9.8H15v4.4C15,14.7,14.7,15,14.1,15z"/> <path d="M6.3,15H1.9C1.4,15,1,14.7,1,14.1V9.8h1.8v3.5h3.5V15z"/> </g> 
    </symbol>
    <symbol id="m-permalink" viewbox="0 0 16 16">
        <g> <path d="M10.6,1C9.5,1,8.3,1.4,7.6,2.3l-1,1c-0.4,0.4-0.4,0.9,0,1.2c0.3,0.3,0.9,0.3,1.2,0l1.1-1c1-1,2.7-1,3.7,0
		C13,4,13.3,4.7,13.3,5.4S13,6.8,12.5,7.2l-1,1c-0.3,0.4-0.3,0.9,0,1.2c0.2,0.2,0.4,0.3,0.6,0.3c0.2,0,0.4-0.1,0.6-0.3l1.1-1.1
		C14.6,7.7,15,6.5,15,5.4s-0.4-2.3-1.3-3.1C12.9,1.4,11.8,1,10.6,1z"/> <path d="M8.3,11.5l-1,1.1c-1,1-2.7,1-3.7,0C3,12,2.8,11.3,2.8,10.6S3,9.2,3.5,8.8l1-1c0.3-0.3,0.3-0.9,0-1.2
		c-0.3-0.4-0.9-0.4-1.2,0l-1,1.1C1.4,8.3,1,9.5,1,10.6s0.4,2.3,1.3,3.1C3.1,14.6,4.2,15,5.4,15s2.3-0.4,3.1-1.3l1.1-1.1
		c0.3-0.3,0.3-0.9,0-1.2C9.1,11.1,8.6,11.2,8.3,11.5z"/> <path d="M9.2,5.5L5.5,9.2c-0.3,0.3-0.3,0.9,0,1.2c0.2,0.2,0.4,0.3,0.6,0.3c0.2,0,0.4-0.1,0.6-0.3l3.7-3.7
		c0.4-0.4,0.4-0.9,0-1.2C10.1,5.2,9.6,5.2,9.2,5.5z"/> </g> 
    </symbol>
    <symbol id="m-point" viewbox="0 0 16 16">
        <g> <path d="M14.7,6L10,1.3c-0.4-0.3-0.9-0.3-1.2,0c-0.4,0.3-0.4,0.9,0,1.2L9.3,3l-6,3.2L2.5,5.4C2.1,5,1.6,5,1.3,5.4
		s-0.4,0.9,0,1.2l1.3,1.3l0,0L4.7,10l-3.2,3.2l1.2,1.2L6,11.2l3.5,3.5c0.4,0.4,1.1,0.2,1.2,0c0.4-0.3,0.4-0.9,0-1.2l-0.9-0.9
		l3.2-5.9l0.5,0.5c0.5,0.5,1.1,0.2,1.2,0C15.1,7,15.1,6.3,14.7,6z M8.4,11.3L4.7,7.6l5.9-3.2l1.1,1.1L8.4,11.3z"/> </g> 
    </symbol>
    <symbol id="m-polygon" viewbox="0 0 16 16">
        <g> <path d="M14.6,11l-1.2-6H14V1h-4v1H6V1H2v4h0.6l-1.2,6H0v4h4v-1h8v1h4v-4H14.6z M4,12v-1H3.4l1.2-6H6V4h4v1h1.4l1.2,6
		H12v1H4z"/> </g> 
    </symbol>
    <symbol id="m-polyline" viewbox="0 0 16 16">
        <rect x="2" y="10.7" width="3.3" height="3.3"/> <rect x="6.4" y="6.4" width="3.3" height="3.3"/> <rect x="10.7" y="2" width="3.3" height="3.3"/> <polygon points="4.2,10.7 10.7,4.2 11.8,5.3 4.2,12.9 3.1,11.8 "/> 
    </symbol>
    <symbol id="m-rectangle" viewbox="0 0 16 16">
        <g> <polygon points="11,1 11,2 5,2 5,1 1,1 1,5 2,5 2,11 4,11 4,5 5,5 5,4 11,4 11,5 12,5 12,11 14,11 14,5 15,5 15,1 	"/> <polygon points="11,12 5,12 5,11 1,11 1,15 5,15 5,14 11,14 11,15 15,15 15,11 11,11 	"/> </g> 
    </symbol>
    <symbol id="m-savemap" viewbox="0 0 16 16">
        <g> <path d="M11.2,1.3C11.1,1.1,10.9,1,10.6,1H9.8v2.6c0,0.5-0.3,0.9-0.9,0.9H4.5C4,4.5,3.6,4.2,3.6,3.6V1H1.9
		C1.4,1,1,1.4,1,1.9v12.3C1,14.7,1.4,15,1.9,15h12.3c0.5,0,0.9-0.3,0.9-0.9V5.4c0-0.3-0.1-0.4-0.3-0.6L11.2,1.3z M12.4,13.3H3.6
		v-2.6c0-0.5,0.4-0.9,0.9-0.9h7c0.5,0,0.9,0.3,0.9,0.9V13.3z"/> <rect x="7.1" y="1" width="1.8" height="2.6"/> </g> 
    </symbol>
    <symbol id="m-search" viewbox="0 0 16 16">
        <g> <path d="M7.1,13.3C3.7,13.3,1,10.5,1,7.1S3.7,1,7.1,1s6.1,2.7,6.1,6.1S10.5,13.3,7.1,13.3z M7.1,2.8
		c-2.4,0-4.4,2-4.4,4.4s2,4.4,4.4,4.4s4.4-2,4.4-4.4S9.5,2.8,7.1,2.8z"/> <path d="M14.7,13.5l-2.1-2.1c-0.4,0.5-0.8,0.9-1.2,1.2l2.1,2.1c0.2,0.2,0.4,0.3,0.6,0.3s0.4-0.1,0.6-0.3
		C15.1,14.4,15.1,13.8,14.7,13.5z"/> </g> 
    </symbol>
    <symbol id="m-transparency" viewbox="0 0 16 16">
        <g> <path d="M4.1,4.5H1.4C1.2,4.5,1,4.3,1,4.1V1.4C1,1.2,1.2,1,1.4,1h2.6c0.2,0,0.4,0.2,0.4,0.4v2.6
		C4.5,4.3,4.3,4.5,4.1,4.5z"/> <path d="M9.3,4.5H6.7c-0.2,0-0.4-0.2-0.4-0.4V1.4C6.3,1.2,6.4,1,6.7,1h2.6c0.2,0,0.4,0.2,0.4,0.4v2.6
		C9.8,4.3,9.6,4.5,9.3,4.5z"/> <path d="M9.3,9.8H6.7c-0.2,0-0.4-0.2-0.4-0.4V6.7c0-0.2,0.2-0.4,0.4-0.4h2.6c0.2,0,0.4,0.2,0.4,0.4v2.6
		C9.8,9.6,9.6,9.8,9.3,9.8z"/> <path d="M14.6,4.5h-2.6c-0.2,0-0.4-0.2-0.4-0.4V1.4c0-0.2,0.2-0.4,0.4-0.4h2.6C14.8,1,15,1.2,15,1.4v2.6
		C15,4.3,14.8,4.5,14.6,4.5z"/> <path d="M4.1,9.8H1.4C1.2,9.8,1,9.6,1,9.3V6.7c0-0.2,0.2-0.4,0.4-0.4h2.6c0.2,0,0.4,0.2,0.4,0.4v2.6
		C4.5,9.6,4.3,9.8,4.1,9.8z"/> <path d="M4.1,15H1.4C1.2,15,1,14.8,1,14.6v-2.6c0-0.2,0.2-0.4,0.4-0.4h2.6c0.2,0,0.4,0.2,0.4,0.4v2.6
		C4.5,14.8,4.3,15,4.1,15z"/> <path d="M13.9,8.9h-1.3c-0.1,0-0.2-0.1-0.2-0.2V7.3c0-0.1,0.1-0.2,0.2-0.2h1.3c0.1,0,0.2,0.1,0.2,0.2v1.3
		C14.1,8.8,14,8.9,13.9,8.9z"/> <path d="M8.7,14.1H7.3c-0.1,0-0.2-0.1-0.2-0.2v-1.3c0-0.1,0.1-0.2,0.2-0.2h1.3c0.1,0,0.2,0.1,0.2,0.2v1.3
		C8.9,14,8.8,14.1,8.7,14.1z"/> <path d="M13.9,14.1h-1.3c-0.1,0-0.2-0.1-0.2-0.2v-1.3c0-0.1,0.1-0.2,0.2-0.2h1.3c0.1,0,0.2,0.1,0.2,0.2v1.3
		C14.1,14,14,14.1,13.9,14.1z"/> </g> 
    </symbol>
    <symbol id="m-uploadfile" viewbox="0 0 16 16">
        <g> <path d="M2.3,10.1h3.3V15h5v-4.9h3.2L8.1,4.3L2.3,10.1z M13.8,2.7V1H2.3v1.6L13.8,2.7L13.8,2.7z"/> </g> 
    </symbol>
    <symbol id="m-zoom-in" viewbox="0 0 16 16">
        <rect x="3" y="7" width="10" height="2"/> <rect x="3" y="7" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 16 1.776357e-15)" width="10" height="2"/> 
    </symbol>
    <symbol id="m-zoom-out" viewbox="0 0 16 16">
        <rect x="3" y="7" width="10" height="2"/> 
    </symbol>
    <symbol id="s-forest-plugin" viewbox="0 0 16 16">
      <title>s-forest-plugin</title><path d="M14.13,12.38l-3.5-5.25h2.63L8,1,2.75,7.13H5.38l-3.5,5.25H7.13v1.75a.88.88,0,0,0,1.75,0V12.38Z"/>
    </symbol>
    <symbol id="s-tree" viewbox="0 0 16 16">
        <g> <polygon points="8,12.6 2.8,9.1 1,10.3 8,15 15,10.3 13.2,9.1 	"/> <polygon points="1,5.7 8,1 15,5.7 8,10.3 	"/> </g> 
    </symbol></svg>
	<div id="map"></div>
	<script type="text/javascript">
		var map = L.map('map', {
			svgSprite: '../dist/css/img/svg-symbols.svg',
			attributionControl: false,
			center: [55.726456, 37.760009],
			zoom: 9
		});
		var osm = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
				maxZoom: 18,
				attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>'
			}).addTo(map)

		var svg = document.getElementsByTagName('svg')[0];
		var responseText = svg.outerHTML,
			re = /id="([^"]*)"/ig,
			arr;

		while ((arr = re.exec(responseText)) !== null) {
			if (arr[1] !== 'clip-path') {
				map.addControl(L.control.gmxIcon({
					id: arr[1],
					title: 'Иконка: ' + arr[0]
				}));
			}
		}
	</script>

</body>
</html>
